/* Custom mobile styles 2018*/

@media (min-width: 481px) {
    .search-box input.search-box-text {
        width: 380px;
    }
}

@media (max-width: 571px) {
    .cms-grid-reverse {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        padding: 25px 0px 0px 0px !important;
    }

    .cms-grid-item-reverse {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        padding-right: 0px;
    }

    .cms-grid-item {
        width: 100%;
    }
}



@media all and (max-width: 550px) {
    .shopping-cart-page #shopping-cart-form .common-buttons {
        padding: 20px 20px;
    }

        .shopping-cart-page #shopping-cart-form .common-buttons input {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }

        .shopping-cart-page #shopping-cart-form .common-buttons .update-cart-button {
            margin-bottom: 10px;
        }

        .shopping-cart-page #shopping-cart-form .common-buttons .continue-shopping-button {
            margin-top: 0;
        }

        .shopping-cart-page #shopping-cart-form .common-buttons .button-2,
        .wishlist-content .buttons .button-2 {
            width: 100%;
            max-width: 300px;
        }

    .wishlist-content .buttons .button-2 {
        display: inline-block;
        margin: 5px !important;
    }
}

@media all and (max-width: 768px) {

    .comment-content {
        padding-left:15px !important;
    }

    .comment-time {
       
    }

    .comment-title {
       
    }

    .comment-body {
      
    }

    .blog-posts .buttons .read-more, .news-items .buttons .read-more {
        font-size: 18px;
        width: 300px;
    }

}


    @media all and (max-width: 1000px) {

        /* Mobile global */

        .comment-info {            
            margin: 0px 0px 0px 15px !important;
        }

        .header-mobile .mobile-menu .header-links a[data-title]:after {
            display: none;
        }

        .show-on-desktop {
            display: none;
        }

        .logo {
            /*
        width: 274px;
        height: 30px;
        */
            width: 215px;
            height: 24px;
            background: url(../images/logo-myshop-mobile.svg) left center no-repeat;
            background-size: inherit;
        }

        h1,
        h2,
        .page-title h1 {
            font-size: 1.4rem !important;
            font-weight: 500 !important;
        }

        .page-title {
            border-bottom: none;
            padding-left: 15px;
            padding-right: 15px;
        }

        .admin-header-links {
            /* Don't show admin panel on mobile devices */
            display: none;
        }

        .topic-block-title {
            border-bottom: none;
            /* Landing Page Mobile */
            margin: 0px 0px;
        }

        .category-description p,
        .manufacturer-description p,
        .full-description p,
        .topic-block p,
        .topic-page p,
        .post-body p,
        .news-body p {
            text-align: left;
            line-height: 24px;
        }

        .fieldset .title, .section .title,
        .register-block .title,
        .login-page .new-wrapper .text,
        .no-data,
        .overview .product-name,
        .overview .availability,
        .variant-overview .availability,
        .overview .additional-details,
        .variant-overview .additional-details,
        .attributes,
        .product-specs-box,
        .item-box .details,
        .product-selectors,
        .product-grid .title,
        .no-result {
            padding-left: 15px;
            padding-right: 5px;
        }

        /* Landing-Page */
        .topic-block {
            padding-left: 15px;
            padding-right: 15px;
        }

        .product-specs-box {
            padding-right: 15px;
        }

            .product-specs-box td {
                padding-top: 8px;
                padding-bottom: 8px;
            }

        .data-table td {
            min-width: 180px;
        }

        .buttons {
            text-align: center;
        }

        .inputs label {
            width: 25%;
            text-align: left;
            float: left;
        }

        .inputs.reversed label {
            width: 25%;
            text-align: left;
            float: left;
            margin: 0 0 0 0;
        }


        .advanced-search .price-range input {
            width: 80px !important;
            margin: 3px !important;
        }

        .inputs label[for="ConfirmPassword"],
        .inputs label[for="OldPassword"],
        .inputs label[for="NewPassword"],
        .inputs label[for="ConfirmNewPassword"] {
            white-space: normal;
            line-height: 18px;
        }

        .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea {
            width: 70%;
            max-width: 70%;
        }

        .gender {
            float: left;
            line-height: 48px;
        }

            .gender span > * {
                display: inline !important;
                margin: 0 5px;
                line-height: 12px;
                float: left;
            }

        .inputs.accept-consent label {
            margin-left: 10px;
            /* Zustimmung DS-GVO */
            float: none;
            white-space: normal;
            line-height: 18px;
        }

        .inputs.accept-consent > * {
            line-height: 12px;
        }

        input[type="checkbox"], input[type="radio"], input[type="checkbox"] + *, input[type="radio"] + * {
            /* Zustimmung DS-GVO */
            /* float: left; */
        }

        .registration-page .button-1,
        .registration-result-page .button-1,
        .login-page .button-1,
        .password-recovery-page .button-1,
        .account-page .button-1,
        .return-request-page .button-1,
        .item-box .product-box-add-to-cart-button,
        .checkout-page .button-1 {
            min-width: 300px;
            font-size: 18px;
        }

        .search-input .button-1 {
            min-width: 300px;
            font-size: 18px;
        }

        .new-comment .button-1 {
            min-width: 300px;
            font-size: 18px;
        }


        .master-wrapper-content {
            width: 100%;
            margin-bottom: 90px;
        }

        .breadcrumb {
            display: none;
        }


        /* Footer */
        .footer {
            margin-top: -55px;
        }

        .html-search-page .footer {
            margin-top: -20px;
        }

        .footer-upper {
            /*  border-top: none; */
            width: 100%;
            padding: 10px 0 0;
        }

        .my-account,
        .follow-us {
            display: normal;
        }

        .customer-service {
            display: none;
        }

        .footer-block .title {
            display: none;
        }

        .footer-block .list {
            display: block;
            margin: 0 0 0px;
        }

            .footer-block .list a {
                padding: 5px 15px;
            }

        .footer-block {
            text-align: center;
        }

        .footer-lower {
            padding-top: 8px;
        }


        /* Navigation */


        /* Views */

        .slider-wrapper {
            display: normal;
        }

        .topic-page .page-body {
            padding-right: 15px;
            padding-left: 15px;
        }

        .login-page .returning-wrapper .inputs.reversed * {
            line-height: 12px;
        }

        .forgot-password {
            margin-top: 0px !important;
        }

        .contact-page .buttons {
            text-align: center;
        }

        .block-recently-viewed-products {
            display: none;
        }

        .block-popular-tags {
            display: none;
        }

        .header-menu {
            display: none;
        }

        .header-lower {
            padding: 0 !important;
            /* Search box margins */
            /* margin-top: 57px !important; */
            margin-top: 57px !important;
            margin-bottom: 58px;
        }

            .header-lower .search-box {
                height: 33px;
            }

        .search-box form {
            display: block;
        }

        .search-box input.search-box-text {
            z-index: 9;
            margin-left: 5px;
            width: 97%;
            padding-right: 45px;
        }

        .header-lower .search-box .search-box-button {
            position: absolute;
            z-index: 10;
            right: 1%;
            height: 32px;
            margin-top: 13px !important;
        }


        .customer-info-page {
            margin-bottom: 95px;
        }

        /* Wishlist / Cart */
        .cart tr {
            width: 100% !important;
            padding-bottom: 10px;
            margin: 10px 0;
            background-color: #f9f9f9;
            border: none;
            font-size: 0;
        }

        .cart td {
            background-color: transparent !important;
            font-size: 16px;
        }

        .cart .remove-from-cart, .cart .add-to-cart {
            display: inline-block;
            background-color: #e6e6e6 !important;
            text-align: left !important;
        }

        .cart .remove-from-cart {
            margin: 0 !important;
            border: none !important;
        }

        .shopping-cart-page .cart .remove-from-cart {
            width: 100%;
        }

        .wishlist-page .cart .remove-from-cart {
            width: 100px;
        }

        .wishlist-page .cart .add-to-cart {
            width: calc(100% - 100px);
        }

        table.cart input[type="checkbox"] {
            vertical-align: baseline;
            float: none;
        }

            table.cart input[type="checkbox"] + .td-title {
                margin-left: 5px;
                float: none;
            }

        .cart td.product-picture {
            text-align: left;
        }

        .cart td.product {
            border-bottom: 1px solid #e6e6e6;
            text-align: left;
        }

        .cart td.unit-price, .cart td.quantity, .cart td.subtotal {
            padding: 10px 10px 0;
        }

            .cart td.quantity .qty-input {
                display: inline-block;
                width: 35px;
                height: 26px;
                padding: 0;
            }

        .wishlist-content .buttons {
            padding: 0 20px;
            text-align: center;
        }

            .wishlist-content .buttons .button-2 {
                /*padding-bottom: 7px;*/
                /*margin-bottom: 10px;*/
            }

        .wishlist-content .tax-shipping-info input[type="checkbox"],
        .wishlist-content .tax-shipping-info label,
        .shopping-cart-page .tax-shipping-info input[type="checkbox"],
        .shopping-cart-page .tax-shipping-info label {
            float: none;
        }

        .shopping-cart-page .tax-shipping-info {
            margin-top: 10px;
            margin-bottom: 0;
        }

        .wishlist-page .share-info {
            display: none;
        }

        .shopping-cart-page #shopping-cart-form .common-buttons {
            background-color: transparent;
            text-align: center;
        }

        .shopping-cart-page .checkout-attributes,
        .shopping-cart-page .selected-checkout-attributes {
            padding: 0 20px !important;
        }

        .shopping-cart-page .checkout-attributes {
            margin-bottom: 20px;
        }

            .shopping-cart-page .checkout-attributes li {
                padding: 0;
                margin: 0;
                border: none;
            }

            .shopping-cart-page .checkout-attributes li,
            .shopping-cart-page .checkout-attributes dd select,
            .shopping-cart-page .checkout-attributes dd input {
                width: 100%;
                max-width: 400px;
            }

            .shopping-cart-page .checkout-attributes dd textarea {
                width: 100%;
                max-width: 600px;
            }

        .shopping-cart-page .selected-checkout-attributes {
            margin: 20px 0;
        }

        .shopping-cart-page .cart-collaterals,
        .shopping-cart-page .cart-collaterals .deals {
            float: none;
            margin-bottom: 30px;
        }

        .shopping-cart-page .cart-footer .totals {
            padding: 0 20px;
            background-color: transparent;
        }

            .shopping-cart-page .cart-footer .totals .total-info {
                padding-top: 15px;
                padding-left: 20px;
                padding-right: 20px;
                margin: 0;
                background-color: #f9f9f9;
                border: none;
            }

            .shopping-cart-page .cart-footer .totals .terms-of-service input,
            .shopping-cart-page .cart-footer .totals .terms-of-service label {
                float: none;
            }

            .shopping-cart-page .cart-footer .totals #terms-of-service-warning-box,
            .shopping-cart-page .cart-footer .totals .terms-of-service {
                padding: 10px 20px;
                background-color: #e6e6e6;
            }

            .shopping-cart-page .cart-footer .totals .checkout-buttons {
                padding: 0;
            }

                .shopping-cart-page .cart-footer .totals .checkout-buttons button {
                    width: 100%;
                }


        .contact-page .topic-block {
            margin-top: 0;
        }

        .shopping-cart-page #shopping-cart-form .common-buttons input,
        .wishlist-content .buttons input {
            font-size: 16px;
        }

        .availability {
            margin-bottom: -5px !important;
        }

        .additional-details {
            margin-bottom: 35px !important;
        }

        .attributes dd, .attribute-data {
            margin: 0 0 20px;
            padding-right: 15px;
            max-width: 600px;
        }

        .attributes dt, .attribute-label {
            white-space: normal;
        }

        .overview .prices, .variant-overview .prices {
            margin: 0 auto;
            margin-bottom: 10px;
            max-width: 330px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .product-details-page .add-to-cart,
        .product-details-page .overview-buttons {
            display: block !important;
            margin-bottom: 10px;
            text-align: center;
        }

        .add-to-cart-button {
            font-size: 18px !important;
            min-width: 250px;
        }

        .overview .add-to-wishlist-button {
            font-size: 18px;
            min-width: 305px;
            text-align: center;
        }

        .product-box-add-to-cart-button {
            margin: 2px !important;
            min-width: 75% !important;
            font-size: 17px !important;
        }

        .add-info > .buttons {
            text-align: left !important;
        }

        .pager li {
            margin: 0;
        }

        .pager ul {
            text-align: center;
        }

        .product-grid, .product-list {
            margin: 0 0 10px;
        }

        .address-select {
            min-width: 100%;
        }

        .select-billing-address,
        .select-shipping-address {
            text-align: left;
        }

        .shipping-method .method-list li label,
        .payment-method .method-list li label {
            font-size: 15px;
            font-weight: bold;
            line-height: 0.7;
            margin-left: 5px;
            color: #444;
        }

        .payment-info .info {
            padding: 0;
        }

        .order-review-data > div, .order-details-area > div, .shipment-details-area > div {
            width: 100%;
        }

        .billing-info > .title,
        .billing-info-wrap > .title,
        .payment-method-info > .title,
        .shipping-info > .title,
        .shipping-method-info > .title {
            padding-left: 0px;
        }

        .sku,
        .opc .step {
            text-align: left;
        }

        .method-description {
            position: relative;
            left: 5px;
            text-align: left;
            line-height: 0.9;
        }


        .order-review-data > div, .order-details-area > div, .shipment-details-area > div {
            width: 100%;
            padding: 15px;
        }

        .info-list {
            text-align: left;
        }

        .payment-info .info td {
            max-width: none !important;
        }

        .contact-page .buttons input {
            padding: 10px 20px;
            font-size: 18px;
            width: 100%;
            max-width: 300px;
        }
    }


    /* Product details (Desktop & Mobile) */
    .product-details-page .add-to-cart {
        display: inline-block;
        margin-bottom: 10px;
    }

    .product-details-page .overview-buttons {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }

        .product-details-page .overview-buttons .add-to-wishlist {
            display: inline-block;
            width: auto !important;
            margin: 0 !important;
        }

    @media all and (min-width: 1001px) {
        .show-on-mobile {
            display: none;
        }

        .headLogin a, .headLogin a:hover {
            color: white;
            font-weight: 400;
            padding: 0px 15px 0px 15px;
        }
    }

    .header-mobile {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
        color: #0a0a0a;
        border-bottom: 1px solid #d8dadc;
        background-color: #FFF;
        left: 0;
        padding: 0 8px;
        font-size: 16px;
        line-height: 1.5;
    }

        .header-mobile:before, .header-mobile:after {
            content: ' ';
            display: table;
        }

        .header-mobile:after {
            clear: both;
        }

        .header-mobile .header-logo {
            float: left;
            margin: 0;
            padding-top: 8px;
            /* New SVG Logo */
            padding-bottom: 0px;
            line-height: 1;
        }

            .header-mobile .header-logo img {
                width: auto;
                height: 19px;
                margin-top: 4px;
            }

        .header-mobile .header-menu-bar {
            float: right;
            margin: 0;
            padding: 0;
            text-align: right;
        }

        .header-mobile .cart-link {
            display: block;
            width: 40px;
            height: 40px;
            float: left;
            /* New shopping bag icon */
            /*background: url('../images/shopping-bag.png') center center no-repeat;*/
            /* New logo shopping bag */
            background: url('../images/shopping-bag-blue.svg') center center no-repeat;
            background-color: #f6f6f6;
            background-size: 20px 20px;
            /*padding: 0 0 0 22px;*/
        }

            .header-mobile .cart-link a {
                display: block;
                width: 32px;
                height: 32px;
                margin: 4px;
            }

        .header-mobile .menu-button {
            display: block;
            position: relative;
            top: 12px;
            left: 1px;
            width: 21px;
            height: 16px;
            margin-left: 10px;
            margin-right: 4px;
            background: url(../images/menu.png) no-repeat;
            background-size: 21px 16px;
            border: none;
            float: right;
        }

        .header-mobile .mobile-menu {
            display: none;
            position: fixed;
            top: 41px;
            left: 0;
            width: 100%;
            background: #ffffff;
            text-align: left;
            overflow: hidden;
        }

            .header-mobile .mobile-menu .header-links {
                display: block;
            }

        .header-mobile .header-menu-bar .language-selector {
            text-align: right;
            width: auto;
            padding: 2px 10px;
            border-bottom: 2px solid #d8dadc;
        }

        .header-mobile .header-links li {
            display: block;
            padding: 0 10px;
            margin: 0;
            border-bottom: 1px solid #d8dadc;
        }

        .header-mobile .header-links #topcartlink {
            display: none;
        }

        .header-mobile .header-links #headeravatar {
            display: none;
        }

        .header-mobile .header-links ul,
        .header-mobile .language-selector ul {
            margin-bottom: 0;
        }

    /* 35px 80px 40px */


.portal-link.floating-button {
    position: fixed;
    bottom: 115px;
    right: 0;
    font-size: 20px;
    z-index: 8010;
}

.headLogin {
    background: #104274;
    font-size: 20px;
}

.headLogin a, .headLogin a:hover {
    color: white;
}

.portal-link {
    background: #104274;
}

.floating-button a {
    padding: 15px;
    padding-top: 20px;
    padding-bottom: 16px;
    background: #104274;
}

.portal-link a {
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
}